<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit"/>
    <title>登录</title>
    <link rel="stylesheet" th:href="@{/resources/css/bootstrap/bootstrap.min.css}" href="../resources/css/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" th:href="@{/resources/font-awesome/css/font-awesome.min.css" href="../resources/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" th:href="@{/resources/css/pluginsExt/common.css}" href="css/pluginsExt/common.css"/>
    <link rel="stylesheet" th:href="@{/resources/css/pluginsExt/login/login.css}" href="css/pluginsExt/login/login.css"/>
</head>
<body>
<div>
    <div class="Head">
        <div class="w">
            <h2>优 茶</h2>
            <h4>欢迎登录</h4>
        </div>
    </div>
    <div class="content">
        <div class="loginBac">
            <div class="loginCont">
                <div class="loginTit">
                    <div id="codeQuick">
                        <a href="javascript:;" class="grayfont">扫码登录</a>
                    </div>
                    <div class="static">
                        <a href="javascript:;" class="active">账户登录</a>
                    </div>
                </div>
                <div class="loginBox">
                    <div>
                        <div class="msg-tips">
                            <b class="fa fa-bullhorn"></b>
                            &nbsp;&nbsp;公众场合不建议自动登录，以防账号丢失
                        </div>
                        <div class="msg-error"></div>
                    </div>
                    <!-- 账号登录-->
                    <div class="acc-login">
                        <form class="loginForm" action="" method="post" onsubmit="return login()">
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon logIcon"><i class="fa fa-user"></i></span><input class="form-control userName"  maxlength="20" placeholder="邮箱/用户名/已验证手机" type="text">
                                    <i class="fa fa-close"></i>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon logIcon"><i class="fa fa-lock"></i></span><input class="form-control pwd"  maxlength="15" placeholder="密码" type="password">
                                    <i class="fa fa-close"></i>
                                </div>
                            </div>
                            <a class="pull-right grayfont" href="forgetPsw.html">忘记密码?</a>
                            <div class="text-left">
                                <label class="checkbox" for="checkbox"><input id="checkbox" type="checkbox"><span class="grayfont">自动登录</span></label>
                            </div>
                            <input class="btn btn-lg  btn-block" type="submit" value="登录">
                        </form>
                        <div class="otChoise">
                            <div class="choise">
                                <ul>
                                    <li><a href="#" title="QQ"></a></li>
                                    <li><a href="#" title="微信"></a></li>
                                    <li><a href="#" title="微博"></a></li>
                                </ul>
                            </div>
                            <div class="loginRs pull-right">
                                <a href="register.html">立即注册</a>
                            </div>
                        </div>
                    </div>
                    <!-- 二维码-->
                    <div class="qrcode-login">
                        <div>
                            <img src="img/login/qrcode.png" alt=""/>
                        </div>
                        <div class="code-tips">
                            <a href="javascript:;">打开新版手机优茶，扫描二维码</a>
                            <a href="javascript:;">使用帮助</a>
                        </div>
                        <div class="code-footer">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<!--[if gte IE 7]>
<script th:src="@{/resources/js/jquery-1.11.3.min.js}" src="../resources/js/jquery-1.11.3.min.js"></script>
<![endif]-->
<!--[if !IE]><!-->
<script th:src="@{/resources/js/jquery-2.2.3.min.js}" src="../resources/js/jquery-2.2.3.min.js"></script>
<!--<![endif]-->
<script src="js/pluginsExt/login/login.js"></script>
<script th:src="@{/resources/js/pluginsExt/footer/footer.js}" src="js/pluginsExt/footer/footer.js"></script>
</html>